<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <!--                            宽度=设备的宽度      初始缩放=1            最大缩放=1       用户缩放=no / 0-->
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
    <title>Document</title>
</head>

<body>

    <!-- 

        响应式的第一步 
            设置  meta   <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">

            如果没有设置，浏览器最小宽度默认是980  低于980的时候，浏览器会直接缩小到手机大小


        只要涉及到手机端都必须设置meta这一段代码
     -->

</body>

</html>